﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width"/>
    <title>登入</title>
    <script src="~/Content/B-JUI/js/jquery-1.11.3.min.js"></script>
    <script src="~/Content/B-JUI/js/jquery.cookie.js"></script>
    <link href="~/Content/B-JUI/themes/css/bootstrap.min.css" rel="stylesheet">
    <style type="text/css">
        * {
            font-family: "Verdana", "Tahoma", "Lucida Grande", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
        }

        body {
            background: url(/Content/B-JUI/images/loginbg_01.jpg) no-repeat center center fixed;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

        a:link {
            color: #285e8e;
        }

        .main_box {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -260px;
            margin-left: -300px;
            padding: 30px;
            width: 600px;
            height: 460px;
            background: #FAFAFA;
            background: rgba(255,255,255,0.5);
            border: 1px #DDD solid;
            border-radius: 5px;
            -webkit-box-shadow: 1px 5px 8px #888888;
            -moz-box-shadow: 1px 5px 8px #888888;
            box-shadow: 1px 5px 8px #888888;
        }

            .main_box .setting {
                position: absolute;
                top: 5px;
                right: 10px;
                width: 10px;
                height: 10px;
            }

                .main_box .setting a {
                    color: #FF6600;
                }

                    .main_box .setting a:hover {
                        color: #555;
                    }

        .login_logo {
            margin-bottom: 20px;
            height: 45px;
            text-align: center;
            font-size: larger;
        }

            .login_logo img {
                height: 45px;
            }

        .login_msg {
            text-align: center;
            font-size: 16px;
        }

        .login_form {
            padding-top: 20px;
            font-size: 16px;
        }

        .login_box .form-control {
            display: inline-block;
            *display: inline;
            zoom: 1;
            width: auto;
            font-size: 18px;
        }

            .login_box .form-control.x319 {
                width: 319px;
            }

            .login_box .form-control.x164 {
                width: 164px;
            }

        .login_box .form-group {
            margin-bottom: 20px;
        }

            .login_box .form-group label.t {
                width: 120px;
                text-align: right;
                cursor: pointer;
            }

            .login_box .form-group.space {
                padding-top: 15px;
                border-top: 1px #FFF dotted;
            }

            .login_box .form-group img {
                margin-top: 1px;
                vertical-align: top;
                padding:0;
            }

        .login_box .m {
            cursor: pointer;
        }

        .bottom {
            text-align: center;
            font-size: 12px;
        }
    </style>
</head>
<body>
    <!--[if lte IE 7]>
    <style type="text/css">
    #errorie {position: fixed; top: 0; z-index: 100000; height: 30px; background: #FCF8E3;}
    #errorie div {width: 900px; margin: 0 auto; line-height: 30px; color: orange; font-size: 14px; text-align: center;}
    #errorie div a {color: #459f79;font-size: 14px;}
    #errorie div a:hover {text-decoration: underline;}
    </style>
    <div id="errorie"><div>您还在使用老掉牙的IE，请升级您的浏览器到 IE8以上版本 <a target="_blank" href="http://windows.microsoft.com/zh-cn/internet-explorer/ie-8-worldwide-languages">点击升级</a>&nbsp;&nbsp;强烈建议您更改换浏览器：<a href="http://down.tech.sina.com.cn/content/40975.html" target="_blank">谷歌 Chrome</a></div></div>
    <![endif]-->
<div class="main_box">
    <div class="setting">
        <a href="javascript:;" onclick="choose_bg();" title="更换背景">
            <span class="glyphicon glyphicon-th-large"></span>
        </a>
    </div>
    <div class="login_box">
        <div class="login_logo">
            @*<img src="~/Content/B-JUI/images/logo.png">*@
            后台管理系统
        </div>
        @*  @if (Model != null && Model.statusCode == "300")
        {
            <div class="login_msg">
                <font color="red">@Model.message</font>
            </div>
        }*@

        <div class="login_form">
            <form action="/Login/Index" id="login_form" method="post">
                <div class="form-group">
                    <label for="j_username" class="t">用户名：</label>
                    <input id="j_username" value="" name="UserId" type="text" class="form-control x319 in" autocomplete="off">
                </div>
                <div class="form-group">
                    <label for="j_password" class="t">密 码：</label>
                    <input id="j_password" value="" name="Password" type="password" class="form-control x319 in">
                </div>
                <div class="form-group">
                    <label for="validCode" class="t">验证码：</label>
                    <input id="validCode" value="" name="ValidCode" type="text" class="form-control x164 in" maxlength="4">
                    <img id="verifyimage" alt="看不清？请点击图片" class="form-control" onclick="javascript:document.getElementById('verifyimage').src='/Login/VerifyImage/' + Math.round(Math.random()*10000)" src="/Login/VerifyImage" />
                </div>
                <div class="form-group">
                    <label class="t"></label>
                    <label for="j_remember" class="m"><input id="j_remember" type="checkbox" value="true">&nbsp;记住登陆账号!</label>
                </div>
                <div class="form-group space">
                    <label class="t"></label>
                    <input type="submit" id="login_ok" value="&nbsp;登&nbsp;录&nbsp;" class="btn btn-primary btn-lg">&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="reset" value="&nbsp;重&nbsp;置&nbsp;" class="btn btn-default btn-lg">

                    <a href="/Login/LoginAccess" class="btn btn-default">admin登录</a>
                </div>
            </form>
        </div>
    </div>
    <div class="bottom">Copyright &copy; @DateTime.Now.ToString("yyyy") By Leo</div>
</div>
    <script type="text/javascript">
    var COOKIE_NAME = 'sys__username';
    $(function () {
        choose_bg();
        //changeCode();
        if ($.cookie(COOKIE_NAME)) {
            $("#j_username").val($.cookie(COOKIE_NAME));
            $("#j_password").focus();
            $("#j_remember").attr('checked', true);
        } else {
            $("#j_username").focus();
        }
        /*$("#captcha_img").click(function(){
            changeCode();
        });*/
        $("#login_form").submit(function () {
            var issubmit = true;
            var i_index = 0;
            $(this).find('.in').each(function (i) {  //检测为空
                if ($.trim($(this).val()).length == 0) {
                    $(this).css('border', '1px #ff0000 solid');
                    issubmit = false;
                    if (i_index == 0)
                        i_index = i;
                }
            });
            if (!issubmit) {
                $(this).find('.in').eq(i_index).focus();
                return false;
            }
            var $remember = $("#j_remember");
            if ($remember.attr('checked')) {
                $.cookie(COOKIE_NAME, $("#j_username").val(), { path: '/', expires: 15 });
            } else {
                $.cookie(COOKIE_NAME, null, { path: '/' });  //删除cookie
            }
            $("#login_ok").attr("disabled", true).val('登陆中..');
            //     window.location.href = '/Home/Index'; /*注意：生产环境时请删除此行*/
            return true;
        });
    });
    //function genTimestamp() {
    //    var time = new Date();
    //    return time.getTime();
    //}
    //function changeCode() {
    //    //$("#captcha_img").attr("src", "/captcha.jpeg?t="+genTimestamp());
    //}
    function choose_bg() {
        var bg = Math.floor(Math.random() * 4 + 1);
        $('body').css('background-image', 'url(/Content/B-JUI/images/loginbg_0' + bg + '.jpg)');
    }
    </script>

</body>
</html>
